<!DOCTYPE html>
<html lang="es">
<head>
	<title>Archer99.com</title>
	<meta charset="utf-8" />
	
	<link rel="stylesheet" href="css/main.css" type="text/css" />
	<link rel="stylesheet" href="css/edit.css" type="text/css" />

	<!--[if IE]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
	
	<!--[if lte IE 7]>
		<link rel="stylesheet" type="text/css" media="all" href="css/ie.css"/>
		<script src="js/IE8.js" type="text/javascript"></script><![endif]-->
		
	<!--[if lt IE 7]>
		<link rel="stylesheet" type="text/css" media="all" href="css/ie6.css"/><![endif]-->

</head>

<body id="index" class="home">
	
	<header id="banner" class="body">
		<h1><a href="#">Archer99 </a></h1>
		<nav><ul>
			<li ><a href="index.html">Home</a></li>
			<li class="active"><a href="#">Technology</a></li>
			<li><a href="#">Fun</a></li>
			<li><a href="#">People</a></li>
			<li><a href="#">About</a></li>
		</ul></nav>
	</header><!-- /#banner -->
	
	
	<section id="bodyContent" class="body bodyContent">
		
		<aside class="sidebar">
			<section>
				<header class="Center">
					<h3>Categories</h3>
				</header>
				<ul>
					<li><a href="#">Lorem ipsum dolor</a></li>
					<li><a href="#">Sit amet consectetur</a></li>
					<li><a href="#">Adipisicing elit sed</a></li>
					<li><a href="#">Do eiusmod tempor</a></li>
					<li><a href="#">Incididunt ut labore</a></li>
				</ul>
			</section>
		</aside>
		
		<section id="mainBody" class="mainBody">
			<aside id="featured1" class="body subBody"><article>
				<hgroup>
					<h2>Technology</h2>
					<h3><a href="#"> ... is under construction!</a></h3>
				</hgroup>
				<p>Everything Technical will go here. Identified sub grups are Tutorials, Articles, Questions, Projects and Downloads<br/><br/><input type="text" /> <input type="button" value="Search"/> </p>
			</article>
			</aside><!-- /#featured -->
			
			<section id="content1" class="body subBody">
				
				<ol id="posts-list" class="hfeed">
					<li><article class="hentry">	
						<header>
							<h2 class="entry-title"><a href="#" rel="bookmark" title="Permalink to this POST TITLE">This be the title</a></h2>
						</header>
						
						<footer class="post-info">
							<abbr class="published" title="2005-10-10T14:07:00-07:00"><!-- YYYYMMDDThh:mm:ss+ZZZZ -->
								10th October 2005
							</abbr>
		
							<address class="vcard author">
								By <a class="url fn" href="#">Enrique Ramírez</a>
							</address>
						</footer><!-- /.post-info -->
						
						<div class="entry-content">
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque venenatis nunc vitae libero iaculis elementum. Nullam et justo <a href="#">non sapien</a> dapibus blandit nec et leo. Ut ut malesuada tellus.</p>
						</div><!-- /.entry-content -->
					</article></li>
					
					<li><article class="hentry">	
						<header>
							<h2 class="entry-title"><a href="#" rel="bookmark" title="Permalink to this POST TITLE">This be the title</a></h2>
						</header>
						
						<footer class="post-info">
							<abbr class="published" title="2005-10-10T14:07:00-07:00"><!-- YYYYMMDDThh:mm:ss+ZZZZ -->
								10th October 2005
							</abbr>
		
							<address class="vcard author">
								By <a class="url fn" href="#">Enrique Ramírez</a>
							</address>
						</footer><!-- /.post-info -->
						
						<div class="entry-content">
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque venenatis nunc vitae libero iaculis elementum. Nullam et justo <a href="#">non sapien</a> dapibus blandit nec et leo. Ut ut malesuada tellus.</p>
						</div><!-- /.entry-content -->
					</article></li>
					
					<li><article class="hentry">	
						<header>
							<h2 class="entry-title"><a href="#" rel="bookmark" title="Permalink to this POST TITLE">This be the title</a></h2>
						</header>
						
						<footer class="post-info">
							<abbr class="published" title="2005-10-10T14:07:00-07:00"><!-- YYYYMMDDThh:mm:ss+ZZZZ -->
								10th October 2005
							</abbr>
		
							<address class="vcard author">
								By <a class="url fn" href="#">Enrique Ramírez</a>
							</address>
						</footer><!-- /.post-info -->
						
						<div class="entry-content">
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque venenatis nunc vitae libero iaculis elementum. Nullam et justo <a href="#">non sapien</a> dapibus blandit nec et leo. Ut ut malesuada tellus.</p>
						</div><!-- /.entry-content -->
					</article></li>
				</ol><!-- /#posts-list -->
				
			</section><!-- /#content -->
		</section><!-- /#body -->	
	</section><!-- /#bodyContent -->
	
	<footer id="contentinfo" class="body">
		<address id="about" class="vcard body">
			<span class="primary">
				<strong><a href="#" class="fn url">Archer99.com</a></strong>
				<span class="role">Fusion Works!</span>
			</span><!-- /.primary -->
		
			<img src="images/avatar.gif" alt="Smashing Magazine Logo" class="photo" />
		
			<span class="bio">Archer99.com is currently under construction. Once 'UP' the website will offer technical articles, reviews, news and other fun stuff to keep us engaged.</span>
		
		</address><!-- /#about -->
		
	</footer><!-- /#contentinfo -->

</body>
</html>